<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客主页</title>
    <style>
        .tr{
            background-color:rgba(0,0,0,0.3);
        }
    </style>
</head>
<body>
    <h1>博客主页</h1>
    <input type="button" value="新增" onclick="add()">
    <input type="text" name="keyword" style="margin-left: 345px;">
    <input type="button" value="查找" onclick="query()" style="margin-bottom: 5px;">
    
    <table id="data_table">
        <tr class="tr">
            <th>Id</th>
            <th>标题</th>
            <th>摘要</th>
            <th>内容</th>
            <th>分类</th>
            <th>作者</th>
            <th>发表时间</th>
            <th>操作</th>
        </tr>
    </table>
</body>
<script src="./jquery-3.6.0.min.js"></script>
<script src="./blog_api.js"></script>
<script src="./init.js"></script>
</html>